<!doctype html>
<html class="no-js">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>果缘</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="renderer" content="webkit">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="icon" type="image/png" href="assets/i/favicon.png">
	<link rel="stylesheet" href="assets/css/amazeui.css">
	<link rel="stylesheet" href="assets/css/app.css">
</head>
<body>
	<!-- Header -->
	<header data-am-widget="header" class="am-header am-header-default  am-header-fixed">
		<h1 class="am-header-title">
			<a href="#title-link" class="">个人中心</a>
		</h1>
		<div class="am-header-left am-header-nav">
			<a href="index.html" class=""> <i class="am-header-icon am-icon-chevron-left"></i>
			</a>
		</div>
		<div class="am-header-right am-header-nav">
			<a href="#right-link" class=""> <i class="am-header-icon am-icon-search"></i>
			</a>
		</div>
	</header>
	<!--Person Info-->
	<div data-am-widget="intro" class="am-intro am-cf am-intro-default">
		<div class="am-g am-intro-bd">
			<div class="am-intro-left am-u-sm-5">
				<img src="assets/i/examples/fruits/fruit1.jpeg" alt="Emily" />
			</div>
			<div class="am-intro-right am-u-sm-7">
				<h2>Hello,Emily!</h2>
				<p>我爱水果啦啦啦啦，最爱西瓜哈哈哈哈哈哈</p>
			</div>
		</div>
	</div>
	<!--Shop Info-->
	<section data-am-widget="accordion" class="am-accordion am-accordion-default" data-am-accordion='{  }'>
		<dl class="am-accordion-item am-active">
			<dt class="am-accordion-title">我的返利</dt>
			<dd class="am-accordion-bd am-collapse am-in">
				<!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题， 加一个容器 -->
				<div class="am-accordion-content">
					<table class="am-table">
						<thead>
							<tr>
								<th>返利时间</th>
								<th>返利商家</th>
								<th>返利金额</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>2012-10-01</td>
								<td>某店</td>
								<td>￥1</td>
							</tr>
							<tr>
								<td>2012-10-01</td>
								<td>某店</td>
								<td>￥1</td>
							</tr>
						</tbody>
					</table>
				</div>

			</dd>
		</dl>
		<dl class="am-accordion-item">
			<dt class="am-accordion-title">我的订单</dt>
			<dd class="am-accordion-bd am-collapse ">
				<!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题， 加一个容器 -->
				<div class="am-accordion-content">
					<table class="am-table">
						<thead>
							<tr>
								<th>编号</th>
								<th>下单时间</th>
								<th>状态</th>
								<th>金额</th>
								<th>详情</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1</td>
								<td>2015-3-19</td>
								<td>待发货</td>
								<td>￥100</td>
								<td>
									<a href="###">详情</a>
								</td>
							</tr>
							<tr>
								<td>1</td>
								<td>2015-3-19</td>
								<td>待发货</td>
								<td>￥100</td>
								<td>
									<a href="###">详情</a>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</dd>
		</dl>
		<dl class="am-accordion-item">
			<dt class="am-accordion-title">收货地址</dt>
			<dd class="am-accordion-bd am-collapse ">
				<!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题， 加一个容器 -->
				<div class="am-accordion-content">
					<table class="am-table">
						<thead>
							<tr>
								<th>姓名</th>
								<th>收货地址</th>
								<th>手机号码</th>
								<th>编辑</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>Emily</td>
								<td>福田区7006号</td>
								<td>15512154525</td>
								<td>
									<a href="###">编辑</a>
								</td>
							</tr>
							<tr>
								<td>Emily</td>
								<td>福田区7006号</td>
								<td>15512154525</td>
								<td>
									<a href="###">编辑</a>
								</td>
							</tr>
						</tbody>
					</table>
					<!--add new-->
					<form action="" class="am-form">
						<fieldset>
							<legend>新增收货地址</legend>
							<div class="am-form-group">
								<div class="am-form-group">
									<label for="doc-vld-name">收货人姓名：</label>
									<input type="text" id="doc-vld-name" minlength="2" placeholder="输入姓名（至少 2 个字符）" required/>
								</div>
								<div class="am-form-group">
									<label for="doc-vld-address">收货地址：</label>
									<input type="text" id="doc-vld-address" placeholder="输入收货地址" required/>
								</div>
								<div class="am-form-group">
									<label for="doc-vld-tel">手机号码</label>
									<input type="number" id="doc-vld-tel" placeholder="输入手机号码" min="10000000000" max="19999999999" required />
								</div>
								<button type="button" class="am-btn am-btn-primary am-btn-block">保存</button>
							</fieldset>
						</form>
					</div>
				</dd>
			</dl>
			<dl class="am-accordion-item">
				<dt class="am-accordion-title">个人资料</dt>
				<dd class="am-accordion-bd am-collapse ">
					<!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题， 加一个容器 -->
					<div class="am-accordion-content">
						<form action="" class="am-form">
							<fieldset>
								<div class="am-form-group">
									<label for="doc-vld-name">用户名</label>
									<input type="text" id="doc-vld-name" minlength="2" placeholder="输入姓名（至少 2 个字符）" required/>
								</div>
								<div class="am-form-group">
									<label for="doc-vld-address">地址：</label>
									<input type="text" id="doc-vld-address" placeholder="输入收货地址" required/>
								</div>
								<div class="am-form-group">
									<label for="doc-vld-tel">手机号码</label>
									<input type="number" id="doc-vld-tel" placeholder="输入手机号码" min="10000000000" max="19999999999" required />
								</div>
								<div class="am-form-group">
									<label for="doc-vld-email-2">邮箱</label>
									<input type="email" id="doc-vld-email-2" placeholder="输入邮箱" required/>
								</div>
								<div class="am-form-group">
									<label class="am-form-label">喜欢的水果</label>
									<label class="am-checkbox-inline">
										<input type="checkbox" value="橘子" name="docVlCb" minchecked="2" maxchecked="4" required>橘子</label>
									<label class="am-checkbox-inline">
										<input type="checkbox" value="苹果" name="docVlCb">苹果</label>
									<label class="am-checkbox-inline">
										<input type="checkbox" value="菠萝" name="docVlCb">菠萝</label>
									<label class="am-checkbox-inline">
										<input type="checkbox" value="芒果" name="docVlCb">芒果</label>
									<label class="am-checkbox-inline">
										<input type="checkbox" value="香蕉" name="docVlCb">香蕉</label>
									<label class="am-checkbox-inline">
										<input type="checkbox" value="其他" name="docVlCb">其他</label>
								</div>

								<div class="am-form-group">
									<label>性别：</label>
									<label class="am-radio-inline">
										<input type="radio" value="" name="docVlGender" required>男</label>
									<label class="am-radio-inline">
										<input type="radio" name="docVlGender">女</label>
								</div>
								<button type="button" class="am-btn am-btn-primary am-btn-block">保存</button>
							</fieldset>
						</form>
					</div>
				</dd>
			</dl>
		</section>
	<!--Footer -->
	<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default" id="">
		<ul class="am-navbar-nav am-cf am-avg-sm-4">
			<li>
				<a href="index.html">
					<span class="am-icon-home"></span>
					<span class="am-navbar-label">首页</span>
				</a>
			</li>
			<li>
				<a href="shopcart.html">
					<span class="am-icon-shopping-cart"></span>
					<span class="am-navbar-label">购物车</span>
				</a>
			</li>
			<li>
				<a href="person-center.html">
					<span class="am-icon-user"></span>
					<span class="am-navbar-label">个人中心</span>
				</a>
			</li>
			<li>
				<a href="message.html">
					<span class="am-icon-comment"></span>
					<span class="am-navbar-label">消息</span>
				</a>
			</li>
		</ul>
	</div>
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/amazeui.min.js"></script>
</body>
</html>

